:root{--bg:#020b14;--panel:#051522;--panel-hi:#081e30;--input:#03101c;--text:#e5f3ff;--muted:#8faac2;--line:#17384e;--line-hi:#23628a;--cyan:#28d3ff;--blue:#0085ff;--green:#00ddb3;--red:#ff647e;--gold:#edbd60;--purple:#a88aff;--shadow:0 10px 28px #0004;--radius:12px;--font:Barlow,sans-serif;--heading:Rajdhani,Barlow,sans-serif;--top:76px;--rail:84px;color-scheme:dark}
:root[data-theme=light]{--bg:#ecf3f8;--panel:#fff;--panel-hi:#eaf4fb;--input:#f4f8fc;--text:#10293e;--muted:#506d82;--line:#c9dde9;--line-hi:#6fadc9;--cyan:#007fae;--blue:#006dd9;--green:#008064;--red:#c92b4c;--gold:#94630b;--purple:#7150bc;--shadow:0 8px 25px #1a4b6910;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--text);font:400 15px/1.5 var(--font);background:radial-gradient(ellipse at 52% 20%,#00579816,transparent 55%),var(--bg);min-width:320px}html[lang=ar]{--font:Tajawal,sans-serif;--heading:Tajawal,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button,input,select,textarea{border-radius:7px}button{border:1px solid transparent;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}h1{font:700 clamp(28px,2.7vw,42px)/1.1 var(--heading);letter-spacing:-.4px}h2{font:600 24px/1.2 var(--heading)}h3{font:600 19px/1.3 var(--heading)}p{color:var(--muted);line-height:1.7}small{font-size:12px}img,svg,canvas{max-width:100%}img{object-fit:contain}i.fa-solid{width:1.15em;text-align:center;flex:none}input,select,textarea{width:100%;min-width:0;min-height:44px;padding:11px 13px;background:var(--input);border:1px solid var(--line);color:var(--text);transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--cyan);outline:0;box-shadow:0 0 0 3px #20befe15}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input[type=number]{font-variant-numeric:tabular-nums}select{cursor:pointer}textarea{resize:vertical}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--blue)}input[type=range]{padding:0;min-height:30px;accent-color:var(--cyan)}[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;background:var(--blue);padding:10px;z-index:100}.skip-link:focus{top:10px}.muted,.hint{color:var(--muted)}.hint{font-size:12px;line-height:1.6;margin-top:15px}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.text-gradient{background:linear-gradient(105deg,#63e3ff,#008cff 90%);color:transparent;background-clip:text}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--cyan);margin-bottom:8px}.pill{padding:4px 10px;border:1px solid #2489b06b;border-radius:20px;display:inline-block;letter-spacing:1.8px}.gold-icon{width:30px;height:30px;flex:none;filter:drop-shadow(0 0 8px #d89b0030)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 19px;font-size:14px;font-weight:500;line-height:1.35;border:1px solid var(--line);border-radius:7px;transition:background .18s,border-color .18s,box-shadow .18s;text-align:center}.btn:hover:not(:disabled){border-color:var(--cyan);box-shadow:0 0 15px #009bff20}.primary{background:linear-gradient(115deg,#008bff,#0065c9);border-color:#299cfd;color:#fff;box-shadow:inset 0 0 10px #43b4ff35,0 0 16px #008cff23}.primary:hover:not(:disabled){background:linear-gradient(115deg,#11a1ff,#0879df)}.outline{background:var(--input)}.ghost,.text-btn{border-color:transparent;background:transparent}.text-btn{padding:5px 8px;color:var(--cyan);min-height:40px}.danger{color:#fff;background:linear-gradient(110deg,#a72541,#521b2b);border-color:#ff577e;box-shadow:inset 0 0 12px #ff31513b,0 0 12px #e937541b}.success{color:var(--green);background:linear-gradient(110deg,#00a58025,#00ddb309);border-color:var(--green);box-shadow:inset 0 0 12px #00d6b016}.cyan-outline{color:var(--cyan);border-color:#007eaf;background:#008faf0b}.gold-outline{color:var(--gold);border-color:#957034;background:#a8761520}.violet-outline{color:var(--purple);border-color:#7251a4;background:#803ce01c}.full{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--input);color:var(--muted);font-size:15px;position:relative}.icon-btn:hover{color:var(--cyan);border-color:var(--cyan)}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:1.5;white-space:nowrap;border:1px solid var(--line);background:var(--panel-hi);padding:3px 8px;border-radius:5px;color:var(--muted);font-weight:600}.badge.green{color:var(--green);background:#00c49313;border-color:#00ac7e44}.badge.red{color:var(--red);background:#fa33551c;border-color:#ed45644d}.badge.gold{color:var(--gold);background:linear-gradient(100deg,#c695394a,#ad730c08);border-color:#b283354d}.badge.cyan{color:var(--cyan);background:#10bcff12;border-color:#0babd54d}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);flex:none;box-shadow:0 0 7px currentColor}.dot.green{background:var(--green);color:var(--green)}.dot.red{background:var(--red);color:var(--red)}.dot.gold{background:var(--gold);color:var(--gold)}.dot.purple{background:var(--purple);color:var(--purple)}.avatar{width:37px;height:37px;display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none;background:linear-gradient(145deg,#066fb4,#07304e);border:1px solid #1d8bcd;border-radius:50%;color:#fff;font-weight:600}.avatar.purple{background:linear-gradient(145deg,#734cac,#241c41)}.avatar.gold{background:linear-gradient(145deg,#be9045,#493317)}.avatar.green{background:linear-gradient(145deg,#187561,#11302c)}.avatar.large{width:85px;height:85px;font-size:36px}.presence{position:absolute;width:9px;height:9px;background:var(--green);border:2px solid var(--panel);border-radius:50%;bottom:0;right:0}.brand{display:inline-flex;align-items:center;gap:9px;flex:none}.brand>img{width:49px;height:45px;object-fit:contain;filter:drop-shadow(0 0 8px #00bbff66)}.brand>span{font-size:19px;font-weight:500;letter-spacing:2px;line-height:1.2}.brand small{display:block;font-size:7px;letter-spacing:2.1px;margin-top:5px}.brand-mark{display:block;width:32px;height:43px;flex:none;background:linear-gradient(135deg,#b7f7ff,#00b6ff 55%,#0067c3);mask:url('../img/brand-logo.png') center/contain no-repeat;filter:drop-shadow(0 0 8px #00bbff66)}.topbar{height:var(--top);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:0 27px;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 95%,transparent);backdrop-filter:blur(16px)}.topbar .brand{width:200px}.top-actions{display:flex;align-items:center;gap:10px;margin-inline-start:auto}.notification-count{position:absolute;inset-block-start:-3px;inset-inline-end:-3px;min-width:16px;height:16px;border:2px solid var(--bg);display:flex;align-items:center;justify-content:center;padding:1px 3px;border-radius:9px;color:white;background:#f6536d;font-size:9px;font-weight:700;line-height:1}.search-trigger{display:flex;align-items:center;gap:12px;color:var(--muted);border:1px solid var(--line);padding:8px 12px;font-size:12px;min-height:38px;min-width:210px;background:var(--input);text-align:start}.search-trigger kbd{border:1px solid var(--line);font:10px var(--font);padding:1px 5px;border-radius:4px;margin-inline-start:auto}.ticker{display:flex;gap:28px;font-family:var(--heading);font-size:10px;margin-inline-start:auto}.ticker span{display:grid;grid-template-columns:auto auto;gap:0 6px}.ticker b{grid-row:2;font-size:14px}.ticker em{grid-row:2;font-style:normal;color:var(--green);align-self:center}.ticker+.top-actions{margin-inline-start:0}[data-menu-toggle]{display:none}.mobile-menu-panel{position:fixed;inset:var(--top) 12px auto;z-index:50;background:var(--panel);border:1px solid var(--line);padding:12px;border-radius:12px;box-shadow:var(--shadow);max-height:75vh;overflow:auto}.mobile-menu-panel a{display:flex;gap:14px;align-items:center;padding:12px;border-radius:6px}.mobile-menu-panel a:hover{background:var(--panel-hi)}.rail{position:fixed;inset-block:var(--top) 0;inset-inline-start:0;width:var(--rail);display:flex;flex-direction:column;align-items:stretch;background:var(--bg);border-inline-end:1px solid var(--line);z-index:25;padding:15px 9px;gap:6px}.rail a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:59px;border:1px solid transparent;border-radius:8px;color:var(--muted);font-size:9px;line-height:1.2;text-align:center}.rail a i{font-size:17px}.rail a:hover,.rail a.active{background:linear-gradient(100deg,#0054a936,#006eb813);border-color:var(--line-hi);color:var(--cyan)}.rail a.active:before{content:'';position:absolute;inset-inline-start:0;width:3px;height:23px;background:var(--cyan);box-shadow:0 0 12px #06a5ff}.rail-spacer{flex:1}.workspace main{margin-inline-start:var(--rail);padding:28px 30px;max-width:1830px;min-height:calc(100vh - 125px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-heading p{margin-top:8px;font-size:14px}.panel{background:linear-gradient(150deg,var(--panel-hi),var(--panel) 38%);border:1px solid var(--line);border-radius:var(--radius);padding:20px;min-width:0;box-shadow:inset 0 1px #70d5ff04;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);margin:-20px -20px 20px;padding:15px 20px;min-height:54px}.panel-head h2{font-family:var(--font);font-size:15px;font-weight:600}.panel-head>span:not(.badge){font-size:11px;color:var(--muted)}.panel-head>.icon-btn{width:28px;height:28px;background:none;border:0}.panel-head .btn{min-height:30px;font-size:12px;padding:4px}.panel-foot{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin:15px -20px -20px;padding:6px 14px;font-size:10px;color:var(--muted)}.workspace-footer{margin-inline-start:var(--rail);padding:0 30px 20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);letter-spacing:.5px}.workspace-footer>span{display:flex;align-items:center;gap:8px}.bottom-nav{display:none}.chat-launcher{width:48px;height:48px;position:fixed;inset-inline-end:23px;bottom:22px;border-radius:50%;z-index:27;background:linear-gradient(130deg,#007cff,#003d77);border:1px solid #2dabff;box-shadow:0 0 20px #0080ff40;color:white;font-size:20px}.chat-launcher .dot{position:absolute;right:1px;top:3px;width:8px;height:8px}.tabs{display:flex;gap:6px;padding:4px;background:var(--input);border:1px solid var(--line);border-radius:8px;overflow-x:auto;scrollbar-width:thin}.tabs button,.tabs>a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:9px 18px;white-space:nowrap;font-size:13px;color:var(--muted);border-radius:5px;flex:1}.tabs button.active,.tabs>a.active{color:var(--text);border:1px solid #1577af;background:linear-gradient(130deg,#005fa65c,#0089dc14);box-shadow:inset 0 0 8px #008eff14}.tabs button:hover{color:var(--cyan)}.field{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--muted);min-width:0;text-align:start;margin-bottom:18px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.form-error{color:var(--red);font-size:13px;margin:10px 0}.info-strip{display:flex;align-items:flex-start;gap:12px;padding:15px 18px;background:#008cff09;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:13px;line-height:1.6;margin:20px 0}.info-strip i{color:var(--cyan);margin-top:4px}.progress{height:5px;border-radius:9px;background:var(--line);overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#006fea,#23d3ff);box-shadow:0 0 8px #00bbff}.progress.green>span{background:var(--green)}.empty-state{display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:12px;padding:70px 20px;color:var(--muted)}.empty-state>i{font-size:36px;color:var(--line-hi);margin-bottom:6px}.empty-state h3{color:var(--text)}.empty-state p{max-width:380px;font-size:13px}.empty-state.small{padding:28px 14px}.empty-state.small>i{font-size:25px}.table-scroll{overflow:auto;max-width:100%;scrollbar-width:thin;scrollbar-color:var(--line-hi) transparent}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:start;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);padding:12px 14px;background:var(--input);border-bottom:1px solid var(--line)}td{padding:13px 14px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#009dff06}td .icon-btn{width:34px;height:34px;font-size:12px}td b{font-weight:500}.table-user{display:flex;align-items:center;gap:12px}.table-user small{display:block;font-size:11px;color:var(--muted)}.table-user .avatar{width:34px;height:34px}.centered{text-align:center}
/* Command center */
.dashboard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:15px}.dashboard-top h1{font-size:30px}.workspace-status{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.5px;color:var(--muted)}.workspace-status time{font-family:var(--heading)}.command-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 240px;gap:20px;align-items:start}.command-grid .panel{padding:16px;margin-bottom:15px;border-radius:10px}.command-grid .panel-head{margin:-16px -16px 14px;padding:11px 15px;min-height:43px;border-bottom-color:#183c533d}.command-grid .panel-head h2{font-size:13px}.welcome h2{font-size:25px;margin-bottom:8px}.welcome blockquote{margin:17px 0;color:var(--muted);font-style:italic;font-size:12px;line-height:1.6;border-inline-start:2px solid var(--line-hi);padding-inline-start:11px}.welcome-progress{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:12px 0 7px}.market-pulse{display:flex;align-items:center;gap:10px}.market-pulse>div{display:grid;grid-template-columns:24px 1fr;gap:1px 6px;flex:none}.market-pulse .gold-icon{width:22px;height:22px;grid-row:span 2}.market-pulse b{font-size:12px}.market-pulse small{font-size:8px;color:var(--muted)}.market-pulse strong{grid-column:span 2;font:600 26px var(--heading)}.market-pulse .positive{font-size:12px;grid-column:span 2}.spark{min-width:0;flex:1;max-width:125px;height:68px}.command-grid .panel-foot{margin:13px -16px -16px}.session-list{display:flex;flex-direction:column;gap:13px;margin-bottom:13px}.session-row{display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap}.session-row>span:nth-child(2){min-width:43px}.session-row .badge{font-size:8px;padding:1px 4px}.session-row time{margin-inline-start:auto;font-size:9px;color:var(--muted);letter-spacing:-.3px}.session-list+small{font-size:9px}.learning-mini{display:flex;gap:10px;align-items:center}.course-mini{width:35px;height:44px;background:linear-gradient(145deg,#08798d,#052138);border:1px solid #1e5268;display:grid;place-items:center;color:var(--cyan);border-radius:5px}.learning-mini>div:nth-child(2){flex:1}.learning-mini b{font-size:11px;display:block}.learning-mini small{font-size:10px;color:var(--muted);display:block;margin:3px 0 8px}.learning-mini>i{font-size:12px;color:var(--cyan)}.account-compact{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px}.account-compact>div{border-inline-start:1px solid var(--line);padding-inline-start:10px}.account-compact small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.account-compact strong{font:600 19px var(--heading);white-space:nowrap}.account-compact>div:first-child strong{color:var(--cyan)}.account-connected{display:flex;align-items:center;gap:7px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px;margin-top:17px;font-size:10px}.account-connected>span:last-child{margin-inline-start:auto}.quick-actions{display:flex;flex-direction:column;gap:10px}.quick-actions .btn{justify-content:flex-start;min-height:41px;padding:10px 12px;font-size:12px}.quick-actions i{font-size:15px;margin-inline-end:6px}.alert-list{display:flex;flex-direction:column;gap:15px}.alert-list a{display:flex;gap:9px;align-items:flex-start}.alert-icon{font-size:12px;padding-top:3px}.alert-icon.red{color:var(--red)}.alert-icon.gold{color:var(--gold)}.alert-icon.cyan{color:var(--cyan)}.alert-list b{display:block;font-size:10px;font-weight:500}.alert-list small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.pro-note{display:flex;align-items:center;gap:11px;border:1px solid #bd924331;border-radius:9px;padding:13px;background:linear-gradient(130deg,#b5931710,transparent)}.pro-note>i{color:var(--gold);font-size:23px}.pro-note b{font-size:11px;display:block;font-weight:500}.pro-note small{font-size:9px;color:var(--muted);display:block;margin-top:3px}.hud-stage{position:relative;min-width:0;align-self:center;isolation:isolate;padding-top:20px;background:radial-gradient(ellipse at 50% 42%,#0056de19,transparent 70%)}.hud-coordinates{display:flex;justify-content:space-between;font:500 8px var(--heading);letter-spacing:1px;color:var(--muted);padding:0 8px}.hud{position:relative;aspect-ratio:1;width:100%;max-width:640px;margin:10px auto 0;direction:ltr}.hud:before{content:'';position:absolute;inset:4%;border:1px solid #0e69a177;border-radius:50%;background:radial-gradient(circle,transparent 61%,#0b7bb609 62%,transparent 65%),repeating-conic-gradient(from 2deg,#1dc1ff77 0deg .5deg,transparent .6deg 8deg);mask:radial-gradient(transparent 69%,#000 70%,#000 70.5%,transparent 71%)}.hud:after{content:'';position:absolute;inset:7%;border:1px solid var(--line-hi);border-radius:50%;background:radial-gradient(circle,transparent 57%,#059fff05 58%,transparent 60%);box-shadow:inset 0 0 45px #006ac512,0 0 40px #005ea910;z-index:-1}.orbit{position:absolute;border-radius:50%;pointer-events:none}.orbit-one{inset:12%;border:1px solid #0a699e;box-shadow:0 0 10px #058ef522,inset 0 0 15px #0096ff19}.orbit-two{inset:22%;border:1px solid #23689077;border-top-color:#0cf;transform:rotate(-30deg);box-shadow:inset 0 0 18px #007dba0d}.orbit-three{inset:30%;border:3px solid #0280ed;border-inline-start-color:#1452e3;border-bottom-color:#1551ae;box-shadow:0 0 13px #006aff88,inset 0 0 14px #005fff66;outline:1px solid #10c6ff66;outline-offset:5px}.orbit-four{inset:28%;border:1px solid #286da37d;border-top:2px solid #10b9ff;border-bottom:2px solid #1883d7;animation:orbit 50s linear infinite}.radar-cross{position:absolute;inset:9%;border-radius:50%;background:linear-gradient(90deg,transparent calc(50% - .5px),#007ca324 50%,transparent calc(50% + .5px)),linear-gradient(transparent calc(50% - .5px),#007ca324 50%,transparent calc(50% + .5px))}.hud-core{position:absolute;inset:32%;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #096baa;border-radius:50%;background:radial-gradient(circle at 50% 25%,#003565,var(--input) 70%);box-shadow:inset 0 0 22px #008cff3b,0 0 22px #006affa1;overflow:hidden}.hud-core>img{width:70%;height:50%;filter:drop-shadow(0 0 13px #02adff88)}.hud-core>.brand-mark{width:45%;height:52%;margin-bottom:5px;flex:0 0 52%;filter:drop-shadow(0 0 10px #00bbffaa)}.hud-core strong{font:500 clamp(13px,1.5vw,25px) var(--font);letter-spacing:4px;color:#e5f4ff}.hud-core>span:last-child{font-size:6px;color:#9fbfd9;letter-spacing:2.2px;margin-top:2px}.hud-node{--size:17%;position:absolute;width:var(--size);aspect-ratio:1;border:1px solid #1973a0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:radial-gradient(ellipse at 50% 5%,#0a3c60,var(--input) 72%);box-shadow:inset 0 0 12px #0c88c62b,0 0 0 4px var(--bg),0 0 0 5px #0758848a;z-index:3;transform:translate(-50%,-50%);transition:box-shadow .2s,border-color .2s}.hud-node:hover{border-color:#73e5ff;box-shadow:0 0 18px #008cff77,inset 0 0 22px #008cff4a,0 0 0 4px var(--bg),0 0 0 5px #0b8ac9}.hud-node i{font-size:clamp(16px,1.7vw,26px);color:#7ddcff;text-shadow:0 0 10px #0084ff}.hud-node>span{max-width:75%;font-size:clamp(8px,.8vw,12px);line-height:1.15;color:var(--text)}.node-0{left:50%;top:13%}.node-1{left:76%;top:24%}.node-2{left:87%;top:50%}.node-3{left:76%;top:76%}.node-4{left:50%;top:87%}.node-5{left:24%;top:76%}.node-6{left:13%;top:50%}.node-7{left:24%;top:24%}.orbit-dot{position:absolute;border-radius:50%;width:6px;height:6px;background:#fff9d1;box-shadow:0 0 12px 3px #ffc77b77;z-index:1}.dot-one{left:21%;top:50%}.dot-two{left:64%;top:25%}.hud-base{height:43px;position:relative;max-width:75%;margin:-3px auto 0;border:1px solid #048fff;border-radius:50%;background:radial-gradient(ellipse,#079be34a,transparent 68%);box-shadow:0 0 22px #008cff22}.hud-base:before,.hud-base:after,.hud-base span{content:'';position:absolute;border:1px solid #0e83c299;border-radius:50%;inset:6px 12%;box-shadow:0 0 10px #008bff29}.hud-base:after{inset:13px 27%;border-color:#72ddff}.hud-base span{inset:-10px 22%;opacity:.3}.hud-mantra{text-align:center;font-size:9px;letter-spacing:4px;margin:25px 0 13px;color:var(--muted)}.dashboard-bottom{border-top:1px solid var(--line);margin-top:24px;padding:16px 0 0;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.dashboard-bottom>i{color:var(--cyan)}.dashboard-bottom>a{margin-inline-start:auto;color:var(--cyan);display:flex;gap:10px;align-items:center}
/* Landing */
.landing .topbar,.auth-page .topbar{padding-inline:clamp(20px,5vw,90px)}.landing-nav{display:flex;gap:27px;align-items:center;margin-inline-start:auto;font-size:13px}.landing-nav a:hover{color:var(--cyan)}.landing .top-actions{margin-inline-start:20px;gap:12px}.hero{position:relative;isolation:isolate;min-height:760px;height:calc(100svh - 76px);max-height:1000px;display:flex;align-items:center;padding:65px max(6vw,24px) 170px;overflow:hidden;background:#020b17;color:#eef6ff}.hero-art{position:absolute;inset:0;background:url('../img/hero-whale.png') 61% center/cover no-repeat;z-index:-3}.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#020b1755,transparent 70%),linear-gradient(transparent 70%,#020b17)}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,#006dff15,transparent 60%);z-index:-1}.hero-copy{width:55%;position:relative;animation:reveal .8s both}.hero h1{font-family:var(--font);font-size:clamp(45px,4.9vw,86px);font-weight:700;letter-spacing:-2px;line-height:1.03;margin:19px 0 26px}.hero-copy>p{font-size:16px;line-height:1.65;color:#c5dcee;max-width:520px}.hero-copy>p.muted{color:#92b5ce}.hero-actions{display:flex;align-items:center;gap:23px;margin-top:28px}.hero-actions .btn{min-height:48px}.hero-actions .ghost{border:0;color:#e8f6ff}.hero-actions .ghost i{font-size:25px}.hero-trust{display:flex;align-items:center;gap:12px;margin-top:30px;font-size:11px;color:#c5dcec}.hero-trust small{display:block;color:#91aec5;font-size:10px;margin-top:3px}.avatar-stack{display:flex;padding-inline-start:7px}.avatar-stack>span{display:grid;place-items:center;width:28px;height:28px;border:2px solid #0c1b2c;border-radius:50%;margin-inline-start:-7px;background:#2f5874;font-size:10px}.avatar-stack>span:nth-child(2){background:#73566a}.avatar-stack>span:nth-child(3){background:#755b37}.avatar-stack>span:nth-child(4){background:#235d60}.hero-market{position:absolute;right:6%;bottom:180px;display:flex;align-items:center;gap:14px;padding:13px 20px;background:#03132399;border:1px solid #20739a55;border-radius:9px;backdrop-filter:blur(14px);font-size:12px}.hero-market strong{font:600 24px var(--heading)}.hero-market small{color:#8aa6bf;font-size:9px;position:absolute;bottom:-23px;right:0}.hero-stats{position:absolute;bottom:30px;left:6%;right:6%;border-top:1px solid #16507d55;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding-top:28px}.hero-stats>div{text-align:center;border-inline-end:1px solid #16507d55}.hero-stats>div:last-child{border:0}.hero-stats strong{display:block;font:600 35px var(--heading);color:#edf5ff;text-shadow:0 0 12px #2581e12b}.hero-stats span{font-size:12px;color:#9fb9d5}.landing-section{max-width:1340px;margin:0 auto;padding:90px 42px}.section-title{text-align:center;max-width:700px;margin:0 auto 36px}.section-title h2,.ecosystem h2,.landing-cta h2{font-size:clamp(30px,3.1vw,46px);font-weight:700}.section-title p{font-size:15px;margin-top:12px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{border:1px solid var(--line);border-radius:12px;padding:30px;background:linear-gradient(135deg,var(--panel-hi),var(--panel));position:relative;overflow:hidden;transition:border-color .2s}.feature-card:before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#269ee3,transparent)}.feature-card:hover{border-color:var(--line-hi)}.feature-icon{display:grid;place-items:center;width:47px;height:47px;border:1px solid #1b6b924f;background:linear-gradient(125deg,#008cff2b,transparent);border-radius:9px;color:var(--cyan);font-size:24px;margin-bottom:24px}.feature-card h3{font-size:24px;margin-bottom:12px}.feature-card p{font-size:14px;min-height:72px}.text-link{display:flex;gap:12px;align-items:center;color:var(--cyan);font-size:12px;margin-top:24px}.ecosystem{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;align-items:center;padding-top:30px;padding-bottom:30px}.ecosystem h2{white-space:pre-line;line-height:1.15}.ecosystem p{margin:22px 0 26px}.ecosystem .hud-stage{width:100%;max-width:540px}.inline-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.landing-cta{position:relative;text-align:center;padding:85px 24px;border-block:1px solid var(--line);background:radial-gradient(ellipse at center,#0066bb22,transparent 65%)}.landing-cta>img{display:block;margin:0 auto 15px}.landing-cta p{margin:14px 0 24px}.landing-footer{padding:40px max(6vw,24px);display:flex;gap:30px;align-items:center;flex-wrap:wrap}.landing-footer>div{display:flex;gap:24px;margin-inline-start:auto;font-size:13px}.landing-footer>small{font-size:11px;color:var(--muted)}.landing-footer>small:nth-last-child(2){width:80%}.landing-footer>small:last-child{margin-inline-start:auto}.landing .chat-launcher{display:none}
/* Trading and calculators */
.metric-grid,.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.metric{position:relative;border:1px solid var(--line);border-radius:9px;background:linear-gradient(135deg,var(--panel-hi),var(--panel));padding:19px 20px;min-width:0}.metric>i{position:absolute;inset-block-start:23px;inset-inline-end:19px;color:var(--cyan);font-size:18px}.metric small{display:block;color:var(--muted);font-size:12px;margin-bottom:7px;padding-inline-end:24px}.metric strong{font:600 29px var(--heading);white-space:nowrap}.metric>span{display:block;font-size:11px;margin-top:10px}.terminal-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}.terminal-grid .panel{padding:16px}.terminal-grid .panel-head{margin:-16px -16px 14px}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:12px}.chart-symbol{display:flex;align-items:center;gap:9px;font-size:13px}.chart-symbol .positive{font-size:14px;font-family:var(--heading)}.chart-symbol small{font-size:10px;margin-inline-start:7px}.timeframes{display:flex;gap:2px}.timeframes button{min-width:35px;min-height:35px;font-size:11px;color:var(--muted)}.timeframes button.active{color:var(--cyan);background:#008cff17;border:1px solid var(--line-hi)}.chart-wrap{height:305px;position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);background:var(--input);border-radius:5px}.chart-wrap canvas{width:100%;height:100%;display:block}.chart-readout{position:absolute;top:10px;left:13px;font:10px var(--heading);color:var(--muted);pointer-events:none;direction:ltr}.chart-watermark{position:absolute;left:16px;bottom:38px;font:600 14px var(--heading);letter-spacing:1px;color:var(--muted);opacity:.2;pointer-events:none}.account-name{display:flex;gap:10px;align-items:center;margin-bottom:17px}.account-name>i{font-size:24px;color:var(--cyan)}.account-name b{display:block;font-size:13px}.account-name small{display:block;color:var(--muted);font-size:10px}.account-name .badge{margin-inline-start:auto}.mt5-card dl,.node-card dl{margin:0}.mt5-card dl>div,.node-card dl>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.mt5-card dt,.node-card dt{color:var(--muted)}dd{margin:0}.mt5-card dd{font-size:11px}.margin-meter{display:flex;justify-content:space-between;font-size:10px;margin:14px 0 8px}.mt5-card .btn{margin-top:20px;font-size:12px}.trade-tool-tabs button{font-size:13px;gap:10px}.trade-tools-content{padding:24px 4px 4px}.tool-description{display:flex;align-items:center;gap:14px;margin-bottom:21px}.tool-description h3{font-size:23px}.tool-description p{font-size:13px;margin-top:5px}.tool-symbol{display:grid;place-items:center;width:47px;height:47px;border-radius:10px;flex:none;font-size:24px;background:#168ec215;border:1px solid var(--line)}.tool-symbol.red{color:var(--red);background:#c91e3313;border-color:#a82b4340}.tool-symbol.green{color:var(--green)}.tool-symbol.gold{color:var(--gold)}.tool-symbol.cyan{color:var(--cyan)}.tool-form{display:grid;grid-template-columns:1fr 240px;gap:20px;align-items:end;max-width:750px}.tool-form .field,.range-form .field{margin-bottom:0}.tool-form .btn{min-height:45px}.range-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:16px;align-items:end}.percentage-actions{display:flex;gap:15px}.percentage-actions .btn{min-width:150px}.positions-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:10px;color:var(--muted);font-size:12px}.execution-summary{display:flex;gap:35px;flex-wrap:wrap;padding:8px}.execution-summary>div{display:flex;flex-direction:column;gap:7px}.execution-summary small{color:var(--muted)}.execution-summary strong{font:600 25px var(--heading)}.calculator-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:25px;max-width:1160px;margin:0 auto}.instrument-tabs{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:25px;border-bottom:1px solid var(--line);padding-bottom:18px}.instrument-tabs button{display:flex;align-items:center;gap:10px;border:1px solid var(--line-hi);background:#008cff15;padding:9px 15px;font-size:13px}.instrument-tabs small{font-size:9px;color:var(--muted)}.instrument-tabs>span{font-size:11px;max-width:145px}.quick-risk{display:flex;gap:8px;align-items:center;margin:0 0 24px}.quick-risk>span{font-size:11px;color:var(--muted);margin-inline-end:auto}.quick-risk>button{font-size:12px;min-height:37px;min-width:46px;border-color:var(--line);background:var(--input)}.quick-risk>button.active{border-color:var(--cyan);color:var(--cyan);background:#008cff13}.calculator-result{border-color:var(--line-hi)}.result-hero{text-align:center;padding:14px 0 20px}.result-hero>small{display:block;color:var(--muted);font-size:12px}.result-hero>strong{display:block;font:600 62px var(--heading);color:var(--green);line-height:1.25;margin:3px 0 6px}.result-hero>strong small{font-size:23px}.result-list{margin:0}.result-list>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:13px 0;font-size:13px}.result-list dt{color:var(--muted)}.result-list dd{font-family:var(--heading);font-weight:600;font-size:18px}.risk-visual{display:flex;border-radius:6px;overflow:hidden;margin-top:16px;font-size:10px}.risk-visual>div{flex:1;background:#d6334819;border-bottom:2px solid var(--red);padding:7px 10px;color:var(--red);display:flex;justify-content:space-between}.risk-visual>div+div{flex:3;background:#00ac8117;border-color:var(--green);color:var(--green)}.calculator-result .btn{margin-top:20px}
/* Community */
.community-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 190px;gap:16px;min-height:660px;height:calc(100svh - 225px);max-height:960px}.community-layout>.panel{margin:0;padding:0;overflow:hidden}.community-layout .panel-head{margin:0;padding:16px;min-height:59px}.community-layout .panel-head h2{font-size:12px}.chat-rooms{display:flex;flex-direction:column}.room-list{padding:12px 8px;display:flex;flex-direction:column;gap:5px}.room-list>button{display:flex;align-items:center;gap:10px;padding:11px 10px;text-align:start;font-size:12px;min-height:43px;color:var(--muted);border:1px solid transparent}.room-list>button.active{background:linear-gradient(90deg,#007fff32,#007aff05);color:var(--text);border-color:var(--line-hi)}.room-list i{color:var(--cyan)}.room-count{margin-inline-start:auto;font-size:9px;color:var(--cyan)}.room-note{margin-top:auto;border-top:1px solid var(--line);padding:20px 15px;text-align:center;color:var(--cyan)}.room-note p{font-size:11px;margin-top:8px}.chat-main{display:flex;flex-direction:column;position:relative;min-width:0;background:radial-gradient(ellipse at 60% 30%,#0a679511,transparent),var(--panel)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;min-height:60px;border-bottom:1px solid var(--line);gap:10px}.chat-header b{font-size:14px}.chat-header small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.chat-header .icon-btn{border:0}.pinned-message{display:flex;align-items:center;gap:9px;background:#0e699717;border-bottom:1px solid var(--line);padding:9px 16px;font-size:10px;color:var(--muted)}.pinned-message>i{color:var(--gold)}.message-list{flex:1;overflow:auto;padding:15px 20px;scrollbar-width:thin;scrollbar-color:var(--line-hi) transparent;overscroll-behavior:contain}.date-divider{text-align:center;font-size:9px;color:var(--muted);margin:0 0 20px;display:flex;align-items:center;gap:13px}.date-divider:before,.date-divider:after{content:'';height:1px;flex:1;background:var(--line)}.message{display:flex;align-items:flex-start;gap:10px;margin-bottom:23px}.message>.avatar{width:30px;height:30px;font-size:12px;margin-top:2px}.message-content{min-width:0;max-width:95%;flex:1}.message-author{display:flex;align-items:center;gap:8px;font-size:11px;margin-bottom:8px}.message-author b{color:var(--cyan);font-weight:600}.message-author .badge{font-size:8px;padding:1px 5px}.message-author time{font-size:9px;color:var(--muted);margin-inline-start:auto}.message-text{display:block;background:var(--panel-hi);border:1px solid var(--line);padding:11px 14px;border-radius:0 10px 10px 10px;line-height:1.6;font-size:12px;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;width:fit-content;max-width:100%;margin-top:8px}.whales-alert{padding:13px;border:1px solid var(--line-hi);border-radius:11px;background:linear-gradient(120deg,#00657815,var(--input));width:100%;max-width:490px}.whales-alert>header{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid var(--line)}.whales-alert>header>span:not(.badge){font-size:9px;color:var(--muted)}.whales-alert>header b{font-size:14px;color:var(--text);margin-inline-start:8px}.whales-alert>header .badge{margin-inline-start:auto;font-size:9px}.whales-alert .gold-icon{width:26px;height:26px}.alert-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:13px 0}.alert-prices>div{border:1px solid var(--line);border-radius:7px;padding:9px 10px;background:var(--input)}.alert-prices small{font-size:10px;display:block;color:var(--muted)}.alert-prices b{font:600 18px var(--heading);display:block;margin-top:3px}.whales-alert .btn{font-size:12px;min-height:36px;padding:8px}.message-actions{display:flex;align-items:center;gap:5px;margin-top:6px}.reaction-chip{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:15px;min-height:29px;min-width:42px;padding:4px 9px;font-size:10px;background:var(--input);color:var(--muted)}.reaction-chip i{color:var(--gold)}.reaction-chip.selected{border-color:var(--cyan);color:var(--cyan);background:#00a5ef15}.message-actions>.icon-btn{width:31px;height:31px;font-size:11px;border:0;background:none}.reaction-picker{display:flex;gap:5px;flex-wrap:wrap;background:var(--panel-hi);border:1px solid var(--line-hi);padding:8px;border-radius:20px;margin-top:6px;width:fit-content}.reaction-picker .icon-btn{width:39px;height:39px;color:var(--gold)}.session-alert{display:flex;align-items:center;gap:11px;margin:12px 0 24px;padding:12px 0;border-block:1px solid var(--line);font-size:11px;color:var(--cyan)}.session-alert small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.session-alert>i{font-size:21px}.session-alert time{margin-inline-start:auto;color:var(--muted);font-size:9px}.poll-card{background:var(--panel-hi);border:1px solid var(--line);border-radius:10px;padding:13px;max-width:490px}.poll-card h3{font-family:var(--font);font-size:12px;margin-bottom:12px}.poll-card>button{position:relative;overflow:hidden;display:flex;justify-content:space-between;width:100%;padding:10px 12px;margin-bottom:8px;border:1px solid var(--line);background:var(--input);min-height:42px;font-size:11px}.poll-card>button>span:first-child{display:flex;gap:8px;position:relative;z-index:1}.poll-card>button>b{position:relative;z-index:1}.poll-bar{position:absolute;inset-block:0;inset-inline-start:0;background:#059ce31a;border-inline-end:2px solid var(--cyan)}.poll-card>button.selected{border-color:var(--cyan)}.poll-card small{font-size:10px}.chat-composer{display:flex;align-items:flex-end;gap:8px;padding:11px 13px;border-top:1px solid var(--line);background:var(--panel);position:relative;flex:none}.chat-composer textarea{resize:none;min-height:43px;max-height:120px;font-size:13px;padding-top:10px;background:var(--input)}.chat-composer .icon-btn{height:43px;width:38px;border:0;background:none}.chat-composer .send,.send{background:linear-gradient(135deg,#20cbef,#0080ca)!important;color:#00121f;border:1px solid #32d6ff;border-radius:50%;width:43px}.composer-tools{padding:8px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;border-top:1px solid var(--line);background:var(--panel-hi)}.composer-tools .btn{font-size:11px;min-height:40px;padding:7px 11px}.reply-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;border-top:1px solid var(--line);border-inline-start:3px solid var(--cyan);background:var(--panel-hi);font-size:12px}.reply-preview .icon-btn{width:30px;height:30px}.reply-jump{font-size:11px;display:block;border-inline-start:2px solid var(--cyan);background:#008fff10;padding:8px;margin:4px 0 8px;color:var(--cyan);text-align:start;width:100%}.message.highlight{outline:1px solid var(--cyan);background:#0098ff13;border-radius:8px}.members-panel .member{display:flex;gap:9px;align-items:center;padding:10px 13px;font-size:11px}.member .avatar{width:28px;height:28px;font-size:11px}.member b{font-weight:500}.member .dot{margin-inline-start:auto;width:5px;height:5px}.members-panel>small{display:block;padding:15px 13px;font-size:10px}
/* Learning, news, account */
.academy-tabs{margin-bottom:24px}.academy-tabs button{flex:0 1 170px}.academy-banner{display:grid;grid-template-columns:235px 1fr 210px;gap:28px;align-items:center;background:linear-gradient(120deg,#12415b52,var(--panel) 65%);border:1px solid var(--line-hi);border-radius:12px;overflow:hidden;margin-bottom:34px;padding:25px}.academy-banner-art{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 20%,#b4792b99,transparent 70%),linear-gradient(150deg,#1d303f,#091626);border:1px solid #8a714a66;border-radius:7px;color:#f4deb9;position:relative;overflow:hidden}.academy-banner-art i{font-size:65px;color:#d9aa64;margin-bottom:18px;text-shadow:0 0 24px #f1a23940}.academy-banner-art span{font:600 21px/1.15 var(--heading);letter-spacing:1.4px;text-align:center}.academy-banner h2{font-size:29px;margin:10px 0}.academy-banner p{font-size:13px}.academy-banner .progress{margin:17px 0 7px;max-width:400px}.academy-banner small{font-size:10px;color:var(--muted);display:block}.academy-banner .btn{margin-top:15px;font-size:12px}.academy-candles{font-size:130px;color:#19baff;opacity:.65;text-shadow:0 0 35px #008cffaa;text-align:center}.section-row{display:flex;justify-content:space-between;align-items:center;margin:24px 0 20px}.section-row>span{font-size:12px}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.course-card{display:block;min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel);transition:border-color .2s}.course-card:hover{border-color:var(--cyan)}.course-art{height:155px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 80%,#0083cc80,transparent 70%),#041527;color:#78dfff}.course-art:before{content:'';position:absolute;width:160px;height:160px;border:1px solid #35b8fa44;border-radius:50%;box-shadow:0 0 0 13px #238dd810,0 0 0 28px #238dd805;z-index:-1;transform:rotateX(40deg)}.course-art .art-grid{position:absolute;inset:0;background:linear-gradient(#2b83a915 1px,transparent 1px),linear-gradient(90deg,#2b83a915 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(transparent,#000);z-index:-1}.course-art>i{font-size:56px;text-shadow:0 0 22px #28c4ffaa}.course-art>span{position:absolute;bottom:12px;font-size:7px;letter-spacing:3px;color:#93cde7}.art-gold{background:radial-gradient(ellipse at 50% 60%,#a8733277,transparent 75%),#10151a;color:#efc470}.art-gold>i{text-shadow:0 0 22px #b7813699}.art-risk{background:radial-gradient(ellipse at 50% 60%,#0563b988,transparent 80%),#041323;color:#65d8ff}.art-mind{background:radial-gradient(ellipse at 50% 60%,#44547688,transparent 75%),#0b1523;color:#a9c6e4}.course-card-body{padding:17px}.course-card-body h3{font-family:var(--font);font-size:15px;margin:12px 0}.course-card-body>div{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.course-card-body i{color:var(--gold);font-size:9px}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.book-card{text-align:center}.book-cover{max-width:160px;height:220px;margin:10px auto 25px;border:1px solid var(--line-hi);border-inline-start:8px solid #304a5d;box-shadow:8px 10px 22px #0003;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:15px;transform:rotate(-4deg);border-radius:3px}.book-cover>i{font-size:45px}.book-cover>small{font-size:8px;letter-spacing:2px}.book-cover strong{font:600 24px/1.1 var(--heading)}.book-card p{font-size:12px;margin:12px 0 20px}.learning-progress-card{display:flex;align-items:center;gap:25px;padding:20px}.learning-progress-card>i{font-size:45px;color:var(--cyan)}.learning-progress-card>div{flex:1}.learning-progress-card p{margin:8px 0 14px;font-size:12px}.course-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:22px}.lesson-main{padding:0;overflow:hidden}.video-preview{background:#020b14;position:relative;aspect-ratio:16/10;display:flex;flex-direction:column;justify-content:center;isolation:isolate}.video-art{padding:30px 8%;position:relative;overflow:hidden;color:#ecf6ff}.video-art h2{font-size:clamp(28px,3vw,50px);font-weight:700}.video-art>i{position:absolute;right:5%;top:15%;font-size:190px;color:#00a0fc33;z-index:-1}.video-play{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:65px;height:65px;border-radius:50%;border:1px solid #32c9ff;background:#007dcc88;color:#fff;box-shadow:0 0 30px #008cff33;font-size:22px}.video-demo-label{position:absolute;inset-inline-start:18px;bottom:66px;font-size:10px;color:#a5c3d9}.video-controls{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:10px;background:#031322ed;padding:10px 14px;min-height:52px;color:#c1ddf0;font-size:10px}.video-controls .icon-btn{width:30px;height:30px;border:0;background:none;color:#d5ecfb}.video-controls>input:first-of-type{flex:1;width:60px}.video-controls>input:last-of-type{width:55px}.video-controls>span{white-space:nowrap}.video-preview.expanded{aspect-ratio:16/12}.lesson-details{padding:25px}.lesson-details p{margin-top:14px;font-size:14px}.lesson-list{display:flex;flex-direction:column;gap:7px}.lesson-list button{display:flex;align-items:center;gap:12px;text-align:start;padding:12px;min-height:57px;border:1px solid transparent;font-size:12px;color:var(--muted)}.lesson-list small{display:block;font-size:10px;margin-top:4px}.lesson-list button i{color:var(--green)}.lesson-list button.active{border-color:var(--line-hi);background:#008fff13;color:var(--text)}.lesson-list button.active i{color:var(--cyan)}.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.news-filters{margin-bottom:20px}.news-filters>button{font-size:12px;padding:9px 12px}.news-event{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:16px;padding:22px 0;border-bottom:1px solid var(--line)}.news-event:last-child{border:0}.event-icon{display:grid;place-items:center;width:39px;height:43px;font-size:19px;border-radius:7px;background:#fa335515;color:var(--red)}.event-icon.gold{color:var(--gold);background:#d7ad4520}.event-top{display:flex;align-items:center;gap:8px}.event-top time{margin-inline-start:auto;color:var(--muted);font-size:10px}.news-event h3{font-family:var(--font);font-size:16px;margin:10px 0 17px}.event-figures{display:flex;gap:30px;color:var(--muted);font-size:10px}.event-figures b{display:block;color:var(--text);font:600 17px var(--heading);margin-top:3px}.news-event>.icon-btn{align-self:center;width:35px;height:35px;font-size:12px}.news-feature .course-art{height:145px;border-radius:7px;margin-bottom:18px}.news-feature .gold-icon{width:72px;height:72px;max-width:72px}.news-feature h3{font-size:20px;margin:10px 0}.news-feature p{font-size:12px}.profile-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:25px;max-width:1130px;margin:0 auto}.profile-nav{padding:0;align-self:start;overflow:hidden}.profile-identity{text-align:center;padding:25px 15px;border-bottom:1px solid var(--line)}.profile-identity h2{font-size:24px;margin:13px 0 9px}.profile-identity>small{display:block;color:var(--muted);font-size:11px;margin-top:12px}.tabs.vertical{display:flex;flex-direction:column;gap:4px;padding:15px 10px;border:0;border-radius:0;background:none}.tabs.vertical button,.tabs.vertical a{flex:none;justify-content:flex-start;font-size:12px;gap:12px;padding:10px 13px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;border-bottom:1px solid var(--line);font-size:13px}.settings-row:last-child{border:0}.settings-row p,.settings-row small{display:block;font-size:12px;margin-top:5px;color:var(--muted)}.settings-row b{font-weight:500}.theme-options{display:flex;gap:7px}.theme-options .btn{font-size:12px;padding:9px 14px}.switch{appearance:none;position:relative;min-width:41px;width:41px!important;height:23px;min-height:23px!important;padding:0;border:1px solid var(--line-hi);border-radius:20px;background:var(--input);cursor:pointer}.switch:before{content:'';position:absolute;width:15px;height:15px;border-radius:50%;background:var(--muted);top:3px;left:3px;transition:transform .2s}.switch:checked{background:#0075bc;border-color:#009efd}.switch:checked:before{transform:translateX(18px);background:#e5f4ff}.subscription-card{display:flex;justify-content:space-between;align-items:center;gap:20px}.subscription-card h2{font-size:37px;margin-bottom:12px}.subscription-card p{font-size:12px;margin:15px 0 20px}.plan-crown{width:110px;height:110px;display:grid;place-items:center;font-size:50px;color:#f3cc82;border:1px solid #a7844699;background:radial-gradient(#ac7b4166,#35271c44);border-radius:16px;text-shadow:0 0 23px #ffce69aa;flex:none}.feature-list{list-style:none;padding:0;margin:25px 0;display:flex;flex-direction:column;gap:14px;color:var(--muted);font-size:13px}.feature-list li{display:flex;gap:12px;align-items:center}.feature-list i{color:var(--green)}.device-session{display:flex;align-items:center;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.device-session>i{font-size:23px;color:var(--cyan)}.device-session>div{flex:1}.device-session b{display:block;font-size:13px}.device-session small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.device-session+.btn{margin-top:20px}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:1120px;margin:50px auto 0}.pricing-card{position:relative;padding:32px 27px;display:flex;flex-direction:column}.pricing-card>i{font-size:33px;color:var(--gold);margin-bottom:25px}.pricing-card h2{font-size:31px}.pricing-card>p{font-size:13px;margin-top:9px}.pricing-card.featured{border-color:var(--cyan);box-shadow:0 0 30px #008cff17;background:radial-gradient(ellipse at 50% 0,#025b962f,transparent 60%),var(--panel)}.pricing-card>.badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--panel);padding:6px 18px}.price{font:600 56px var(--heading);margin-top:25px}.price small{font:400 12px var(--font);color:var(--muted)}.pricing-card .feature-list{margin:25px 0 35px;flex:1}.pricing-card .btn{margin-top:auto}
/* Operations, support and auth */
.admin-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;margin-bottom:26px;padding-bottom:4px}.admin-nav a{display:flex;align-items:center;justify-content:center;gap:10px;font-size:12px;color:var(--muted);min-height:43px;padding:10px 17px;border:1px solid var(--line);border-radius:7px;white-space:nowrap;flex:1}.admin-nav a.active{color:var(--cyan);border-color:var(--line-hi);background:#008cff15}.admin-metrics .panel{margin-bottom:0}.admin-overview-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.growth-chart{height:210px;display:flex;gap:6%;align-items:flex-end;padding:20px 12px 26px;background:repeating-linear-gradient(transparent 0px,transparent 39px,var(--line) 40px)}.growth-chart>div{flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;height:100%;position:relative}.growth-chart>div>span{display:block;width:100%;max-width:32px;background:linear-gradient(#00b8ff,#007ae433);border:1px solid #088fc4;border-radius:4px 4px 0 0;min-height:25px}.growth-chart small{position:absolute;bottom:-24px;font-size:9px;color:var(--muted)}.health-items>div{display:flex;align-items:center;gap:8px;font-size:12px;padding:13px 0;border-bottom:1px solid var(--line)}.health-items .badge{margin-inline-start:auto;font-size:8px}.filter-bar{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap;padding:0 0 23px}.filter-bar .field{margin:0;flex:1;min-width:150px}.filter-bar .btn{min-height:45px;white-space:nowrap;font-size:12px}.filter-empty{border-top:1px solid var(--line)}.node-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.node-card>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.node-card>header>i{font-size:25px;color:var(--cyan)}.node-card h2{font-size:24px}.node-card>small{color:var(--muted);font-size:11px;display:block;margin:5px 0 20px}.node-actions{display:flex;align-items:center;gap:10px;margin-top:22px}.node-actions .icon-btn{margin-inline-start:auto;color:var(--red)}.broadcast-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}.broadcast-card{padding:18px 0;border-bottom:1px solid var(--line)}.broadcast-card>header{display:flex;justify-content:space-between;align-items:center;gap:12px}.broadcast-card h3{font-size:19px}.broadcast-card p{font-size:13px;margin:12px 0}.broadcast-card small{color:var(--muted);font-size:10px}.support-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:25px}.ticket-item{padding:15px;border:1px solid transparent;border-radius:8px;margin-bottom:12px}.ticket-item.active{border-color:var(--line-hi);background:#007bde12}.ticket-item>b{display:block;font-size:13px;margin:10px 0 7px}.ticket-item>small{color:var(--muted);font-size:10px}.support-message{background:var(--panel-hi);border:1px solid var(--line);padding:17px;border-radius:10px;margin-bottom:20px;max-width:85%;color:var(--text)}.support-message.agent{margin-inline-start:auto;background:#0089c509;border-color:var(--line-hi)}.support-message>b{font-size:12px;color:var(--cyan)}.support-message p{font-size:13px;color:var(--text);margin:9px 0}.support-message small{font-size:10px;display:block;color:var(--muted);margin-top:12px}.support-message a{color:var(--cyan);font-size:12px;display:flex;gap:12px;align-items:center}.support-messages{max-height:470px;overflow:auto;padding:3px;scrollbar-width:thin}.auth-shell{min-height:calc(100svh - var(--top));display:grid;grid-template-columns:1fr 450px;gap:40px;align-items:center;padding:65px 8%;position:relative;background:linear-gradient(90deg,#020b1744,#020b1799 60%,#020b17),url('../img/hero-whale.png') center/cover}.auth-visual{align-self:center;padding-bottom:100px;color:#ecf6ff}.auth-visual h1{font-size:clamp(45px,4.5vw,75px);font-family:var(--font);font-weight:700;line-height:1.1;margin-top:10px}.auth-visual p{color:#b5d3e9;margin-top:22px;font-size:17px}.auth-card{background:color-mix(in srgb,var(--panel) 97%,transparent);border-color:var(--line-hi);padding:36px;margin:0}.auth-card>.brand{display:flex;justify-content:center;margin-bottom:28px}.auth-card>.badge{display:table;margin:0 auto 15px}.auth-card h2{text-align:center;font-size:28px}.auth-card>.hint{margin-bottom:25px;text-align:center}.password-field>span:last-child{position:relative}.password-field input{padding-inline-end:50px}.password-field .icon-btn{position:absolute;inset-inline-end:5px;top:3px;border:0;background:none;width:38px;height:38px}.checkbox-label{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);margin:0 0 20px}.auth-footer{text-align:center;font-size:12px;margin-top:24px;color:var(--muted)}.auth-footer a{color:var(--cyan);margin-inline-start:5px}.admin-entry{display:flex;gap:8px;justify-content:center;align-items:center;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.preview-card{position:relative;min-height:140px}.preview-card>span{font:600 34px var(--heading);color:var(--cyan);opacity:.6}.preview-card h2{text-transform:capitalize;font-size:22px;margin-top:10px}.preview-card>i{position:absolute;inset-inline-end:20px;top:26px;color:var(--muted)}
/* Accessible overlays */
body.drawer-open{overflow:hidden}.drawer-backdrop{position:fixed;inset:0;background:#0008;backdrop-filter:blur(3px);z-index:69}.drawer{position:fixed;inset-block:0;inset-inline-end:0;width:410px;max-width:100%;z-index:70;background:var(--panel);border-inline-start:1px solid var(--line-hi);box-shadow:-10px 0 45px #0006;display:flex;flex-direction:column;animation:drawer-in .2s ease-out}.drawer-head{padding:25px 22px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:27px}.drawer .tabs{margin:18px 20px}.notification-items,.quick-messages{flex:1;overflow:auto;padding:0 20px;overscroll-behavior:contain}.notification-item{display:flex;gap:13px;padding:19px 0;border-bottom:1px solid var(--line);text-align:start;width:100%;border-radius:0;align-items:flex-start;white-space:normal}.notification-item>i{color:var(--cyan);margin-top:4px}.notification-item>span{flex:1;min-width:0}.notification-item b{display:block;font-weight:500;font-size:14px}.notification-item p{font-size:12px;margin:5px 0 7px;line-height:1.5;overflow-wrap:anywhere}.notification-item small{font-size:10px;color:var(--muted)}.notification-item.unread b{color:var(--cyan)}.notification-item .dot{margin-top:7px}.drawer-footer{padding:20px;border-top:1px solid var(--line)}.drawer-footer .btn{width:100%}.quick-messages{padding:20px}.mini-message{background:var(--panel-hi);border:1px solid var(--line);padding:13px;border-radius:9px;margin-bottom:15px;font-size:13px;overflow-wrap:anywhere}.mini-message b{font-size:12px;color:var(--cyan)}.mini-message p{font-size:13px;margin-top:6px;white-space:pre-wrap;color:var(--text)}.quick-composer{display:flex;gap:10px;padding:15px}.quick-composer input{flex:1}.toast-region{position:fixed;bottom:30px;inset-inline-end:85px;z-index:100;width:350px;max-width:calc(100% - 32px);display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:17px;background:var(--panel-hi);border:1px solid var(--line-hi);border-inline-start:3px solid var(--cyan);border-radius:9px;box-shadow:0 7px 30px #0005;font-size:13px;animation:reveal .25s;pointer-events:auto;color:var(--text)}.toast>i{color:var(--cyan);margin-top:3px}.toast>span{flex:1}.toast>button{padding:0;width:22px;height:22px;color:var(--muted)}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line-hi);border-radius:14px;padding:26px;width:520px;max-width:calc(100vw - 28px);max-height:calc(100svh - 40px);box-shadow:0 20px 100px #0009;overflow:auto}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:23px}.dialog-heading h2{font-size:25px}.dialog-heading>.icon-btn{width:33px;height:33px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.dialog-actions>.btn{font-size:12px}.dialog-summary{background:var(--input);padding:15px;border:1px solid var(--line);border-radius:8px;margin:17px 0;font-size:13px}.dialog-summary>div{display:flex;justify-content:space-between;gap:15px;padding:7px 0}.dialog-summary span{color:var(--muted)}.dialog-copy{font-size:13px;line-height:1.7;color:var(--muted)}.dialog-copy ul{padding-inline-start:20px}.search-results{display:flex;flex-direction:column;gap:4px}.search-results>a{display:flex;align-items:center;gap:14px;padding:12px;font-size:14px;border-radius:6px}.search-results>a:hover{background:var(--panel-hi);color:var(--cyan)}.search-results>a>i:last-child{margin-inline-start:auto;color:var(--muted);font-size:11px}.book-reader h3{margin:24px 0 13px}.book-reader p{font-size:14px;margin-bottom:15px}.book-reader .eyebrow{margin-top:20px}.load-pulse{animation:pulse .6s ease-in-out infinite alternate}html[dir=rtl] .hero-copy{text-align:right}html[dir=rtl] .hero-art{transform:scaleX(-1)}html[dir=rtl] .hero-market{left:6%;right:auto}html[dir=rtl] .hero:before{background:linear-gradient(-90deg,#020b1755,transparent 70%),linear-gradient(transparent 70%,#020b17)}html[dir=rtl] .hud{direction:ltr}html[dir=rtl] .hud-node>span{direction:rtl}html[dir=rtl] .message-text{border-radius:10px 0 10px 10px}html[dir=rtl] .eyebrow{letter-spacing:.5px}html[dir=rtl] .hero h1{line-height:1.3;letter-spacing:0;font-family:Tajawal,sans-serif}html[dir=rtl] .hud-core strong{font-family:Barlow,sans-serif}html[dir=rtl] .btn>.fa-arrow-right,html[dir=rtl] .text-link>.fa-arrow-right{transform:rotate(180deg)}
:root[data-theme=light] .hud-core{background:radial-gradient(circle at 50% 30%,#d4f3ff,#9ecfee);box-shadow:inset 0 0 20px #00b5ff38,0 0 23px #006fff66}:root[data-theme=light] .hud-core strong{color:#083958}:root[data-theme=light] .hud-core>span:last-child{color:#245373}:root[data-theme=light] .hud-node{background:radial-gradient(ellipse at 50% 5%,#fff,#dfedf7 72%)}:root[data-theme=light] .hud-node i{color:#0082c4;text-shadow:0 0 10px #00b7ff44}:root[data-theme=light] .orbit-dot{background:#cd851a;box-shadow:0 0 10px #d4a53866}:root[data-theme=light] .danger{background:linear-gradient(110deg,#c03551,#9b203b)}:root[data-theme=light] .badge.gold{background:#c6953919}:root[data-theme=light] .growth-chart>div>span{background:linear-gradient(#008acb,#58bfee44)}:root[data-theme=light] .academy-banner-art{color:#ffe7b8}:root[data-theme=light] .hero .eyebrow{color:#46d8ff}:root[data-theme=light] .hero .positive{color:#40e3b4!important}:root[data-theme=light] .hero .text-gradient,:root[data-theme=light] .auth-visual .text-gradient{background-image:linear-gradient(105deg,#63e3ff,#008cff)}:root[data-theme=light] .chart-wrap{background:#f8fcff}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes drawer-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{to{opacity:.4}}
/* Layouts intentionally recompose rather than shrinking the desktop. */
@media(min-width:1700px){.workspace main{margin-inline:auto;max-width:1700px;padding-inline-start:calc(var(--rail) + 30px)}.command-grid{grid-template-columns:265px minmax(0,1fr) 280px;gap:32px}.command-grid .panel{padding:20px;margin-bottom:20px}.command-grid .panel-head{margin:-20px -20px 18px;padding:15px 20px}.command-grid .panel-head h2{font-size:14px}.welcome h2{font-size:31px}.welcome blockquote{font-size:14px;margin:23px 0}.welcome-progress{font-size:12px}.market-pulse strong{font-size:32px}.session-row{font-size:12px;gap:9px}.session-row time{font-size:10px}.session-row .badge{font-size:9px}.account-compact strong{font-size:23px}.account-compact small{font-size:12px}.quick-actions .btn{min-height:45px;font-size:14px}.alert-list b{font-size:12px}.alert-list small{font-size:10px}.pro-note b{font-size:13px}.pro-note small{font-size:11px}.hud{max-width:720px}.hud-stage{padding-top:15px}.hud-mantra{font-size:10px}.hud-core strong{font-size:26px}.hud-node>span{font-size:12px}.hud-core>span:last-child{font-size:8px}}
@media(max-width:1200px){.topbar{gap:18px;padding-inline:20px}.topbar .brand{width:180px}.search-trigger{min-width:180px}.ticker{gap:15px}.ticker span:nth-child(2){display:none}.workspace main{padding:24px 20px}.command-grid{grid-template-columns:190px minmax(0,1fr) 205px;gap:15px}.hud-stage{padding-top:0}.hud-node{--size:17.5%}.hud-node>span{font-size:8px}.hud-node i{font-size:19px}.hud-mantra{font-size:8px;letter-spacing:2px}.hud-coordinates{font-size:7px;letter-spacing:.4px}.command-grid .panel{padding:13px}.command-grid .panel-head{margin:-13px -13px 12px;padding:11px 12px}.command-grid .panel-head h2{font-size:12px}.session-row{gap:4px;font-size:10px}.session-row>span:nth-child(2){min-width:37px}.session-row time{font-size:8px}.session-row .badge{font-size:7px}.account-compact{gap:15px 9px}.account-compact strong{font-size:17px}.account-compact small{font-size:9px}.quick-actions .btn{font-size:11px}.pro-note{padding:10px;gap:8px}.pro-note b{font-size:10px}.pro-note small{font-size:8px}.terminal-grid{grid-template-columns:minmax(0,1fr) 240px}.community-layout{grid-template-columns:155px minmax(0,1fr) 150px;gap:12px}.room-list>button{font-size:11px;gap:7px;padding:10px 7px}.members-panel .member{font-size:10px;padding:10px}.members-panel .avatar{width:25px;height:25px}.academy-banner{grid-template-columns:190px 1fr;gap:24px}.academy-candles{display:none}.course-grid{gap:14px}.course-card-body{padding:13px}.course-card-body h3{font-size:13px}.course-art{height:135px}.landing-nav{gap:19px}.landing .topbar .brand{width:auto}.landing .top-actions{margin-inline-start:5px;gap:8px}.landing .top-actions .btn{padding-inline:14px}.hero{min-height:690px}.hero h1{font-size:60px}.hero-copy{width:60%}.hero-art{background-position:55% center}.hero-market{right:4%;bottom:170px;gap:8px}.landing-section{padding-inline:30px}.ecosystem{gap:30px}.news-layout{grid-template-columns:minmax(0,1fr) 260px}.filter-bar{gap:12px}.range-form{grid-template-columns:1fr 1fr 1fr}.range-form>.btn{grid-column:span 3}.auth-shell{padding-inline:5%;grid-template-columns:1fr 410px}}
@media(max-width:1024px){:root{--rail:70px}.topbar .brand{width:165px}.topbar .brand>span{font-size:16px}.topbar .brand>img{width:43px}.ticker{display:none}.search-trigger{max-width:250px;flex:1}.top-actions{margin-inline-start:auto!important}.command-grid{grid-template-columns:190px minmax(0,1fr);gap:20px}.dashboard-right{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.dashboard-right .panel{margin:0}.dashboard-right .pro-note{grid-column:span 3}.hud-stage{align-self:center}.hud{max-width:560px}.hud-node>span{font-size:10px}.hud-node i{font-size:23px}.hud-core strong{font-size:21px}.hud-core>span:last-child{font-size:6px}.hud-mantra{font-size:9px}.dashboard-top{margin-bottom:20px}.command-grid .panel{padding:15px}.command-grid .panel-head{margin:-15px -15px 12px}.command-grid .session-row time{font-size:7px}.command-grid .market-pulse>.spark{max-width:70px}.command-grid .panel-foot{margin:13px -15px -15px;padding-inline:12px}.command-grid .panel-foot .btn{font-size:9px}.dashboard-left .learning-mini>i{display:none}.metric{padding:16px}.metric strong{font-size:25px}.metric small{font-size:11px}.metric>i{font-size:15px;inset-inline-end:14px;inset-block-start:17px}.community-layout{grid-template-columns:160px minmax(0,1fr)}.members-panel{display:none}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-art{height:175px}.course-card-body h3{font-size:16px}.landing .landing-nav{display:none}.landing .topbar{padding-inline:25px}.landing [data-menu-toggle],.auth-page [data-menu-toggle]{display:inline-flex}.landing .hero h1{font-size:55px}.hero-copy{width:66%}.hero-market{right:3%;bottom:175px;padding:10px}.hero-market strong{font-size:20px}.ecosystem{gap:20px}.ecosystem .hud-node>span{font-size:8px}.ecosystem .hud-node i{font-size:18px}.news-layout{grid-template-columns:1fr}.news-layout>div{display:grid;grid-template-columns:1fr 1fr;gap:20px}.news-layout .session-row{font-size:12px;gap:10px}.news-layout .session-row .badge{font-size:9px}.news-layout .session-row time{font-size:10px}.course-layout{grid-template-columns:minmax(0,1fr) 240px}.video-controls{gap:6px;padding-inline:8px}.video-controls>input:last-of-type{width:35px}.video-controls>span{font-size:9px}.profile-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}.settings-row{gap:15px;flex-wrap:wrap}.pricing-card{padding:27px 20px}.pricing-grid{gap:16px}.admin-nav a{font-size:11px;padding:10px 13px}.auth-shell{grid-template-columns:1fr 400px;gap:20px}.auth-visual h1{font-size:44px}.auth-card{padding:28px}.support-layout{grid-template-columns:220px minmax(0,1fr)}.hero-stats{bottom:27px}.hero-trust{margin-top:25px}}
@media(max-width:800px){:root{--rail:0px;--top:68px}.rail{display:none}.workspace .topbar{padding-inline:18px;gap:15px}.topbar .brand{width:auto}.brand>span{font-size:17px}.brand-mark{width:27px;height:36px}.search-trigger{margin-inline-start:auto;min-width:0;max-width:190px}.search-trigger>span{display:none}.search-trigger kbd{margin-inline-start:20px}.top-actions{gap:7px}.top-actions .icon-btn{width:36px;height:36px;font-size:14px}.top-actions>.avatar{width:34px;height:34px}[data-menu-toggle]{display:inline-flex}.workspace main{padding:23px 20px 25px;min-height:calc(100svh - 155px)}.bottom-nav{display:flex;position:fixed;inset:auto 0 0;z-index:40;background:var(--panel);border-top:1px solid var(--line-hi);box-shadow:0 -6px 25px #0002;padding:6px 10px max(7px,env(safe-area-inset-bottom));height:67px;gap:4px}.bottom-nav a{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:47px;font-size:9px;color:var(--muted);border-radius:7px}.bottom-nav a i{font-size:18px}.bottom-nav a[aria-current=page]{color:var(--cyan);background:linear-gradient(#009cff14,transparent)}.workspace-footer{padding:5px 20px 85px}.chat-launcher{bottom:84px;inset-inline-end:17px;width:43px;height:43px;font-size:18px}.toast-region{bottom:83px;inset-inline-end:16px}.dashboard-top h1{font-size:27px}.workspace-status{font-size:9px}.workspace-status time{display:none}.command-grid{grid-template-columns:180px minmax(0,1fr);gap:16px}.hud-node>span{font-size:9px}.hud-node i{font-size:20px}.hud-core strong{font-size:20px}.dashboard-bottom{font-size:10px}.dashboard-bottom>a{font-size:9px}.terminal-grid{grid-template-columns:1fr}.terminal-grid>.panel:last-child{display:none}.chart-wrap{height:320px}.trade-tool-tabs{gap:4px}.trade-tool-tabs button{padding-inline:12px;font-size:11px}.trade-tools-content{padding-top:23px}.tool-form{grid-template-columns:1fr 210px}.metric-grid,.admin-metrics{gap:12px}.metric strong{font-size:23px}.metric small{font-size:10px}.metric>i{display:none}.metric small{padding:0}.page-heading p{font-size:12px}.page-heading>.btn{font-size:12px;padding:9px 13px}.page-heading h1{font-size:31px}.calculator-grid{gap:18px}.calculator-grid .form-grid{gap:0 13px}.instrument-tabs{flex-wrap:wrap}.instrument-tabs>span{max-width:none}.field{font-size:12px}.quick-risk{flex-wrap:wrap;gap:6px}.quick-risk>span{width:100%}.quick-risk>button{flex:1}.result-hero>strong{font-size:48px}.result-list>div{font-size:11px;gap:8px}.result-list dd{font-size:17px}.community-layout{height:calc(100svh - 250px);min-height:600px;grid-template-columns:140px minmax(0,1fr)}.room-list>button{font-size:10px}.chat-header{padding:12px}.message-list{padding:15px 12px}.alert-prices{gap:6px}.alert-prices>div{padding:8px}.alert-prices b{font-size:16px}.academy-banner{grid-template-columns:160px 1fr;padding:20px}.academy-banner-art{height:170px}.academy-banner h2{font-size:25px}.course-layout{grid-template-columns:1fr}.lesson-list{display:grid;grid-template-columns:1fr 1fr}.video-preview{aspect-ratio:16/9}.video-art h2{font-size:40px}.video-controls>span{font-size:11px}.profile-layout{grid-template-columns:190px minmax(0,1fr)}.profile-identity h2{font-size:21px}.profile-layout .form-grid{grid-template-columns:1fr}.profile-nav .tabs button,.profile-nav .tabs a{font-size:11px;padding:10px}.pricing-grid{gap:12px}.pricing-card{padding:24px 18px}.pricing-card h2{font-size:27px}.price{font-size:46px}.feature-list{font-size:11px}.pricing-card>p{font-size:11px}.admin-overview-grid{grid-template-columns:1.4fr 1fr}.health-items>div{font-size:10px}.health-items .badge{font-size:7px}.admin-nav{gap:7px}.admin-nav a{font-size:10px;padding-inline:10px;gap:7px}.support-layout{grid-template-columns:1fr}.support-layout>.panel:first-child{display:none}.hero{min-height:730px;padding-inline:35px}.landing .hero h1{font-size:53px}.hero-copy{width:77%}.hero-art{background-position:59% center;opacity:.8}.hero:before{background:linear-gradient(90deg,#020b1777,transparent),linear-gradient(transparent 55%,#020b17)}.hero-market{bottom:153px;font-size:10px}.hero-market strong{font-size:17px}.hero-copy>p{font-size:14px}.hero-trust{font-size:10px}.hero-stats strong{font-size:31px}.hero-stats span{font-size:11px}.landing-section{padding:65px 25px}.feature-grid{gap:15px}.feature-card{padding:24px 20px}.feature-card h3{font-size:21px}.feature-card p{font-size:12px;min-height:95px}.ecosystem{padding-block:15px;grid-template-columns:1fr 1fr}.ecosystem h2{font-size:31px}.ecosystem p{font-size:13px}.ecosystem .hud-core strong{font-size:13px}.ecosystem .hud-core>span:last-child{font-size:5px;letter-spacing:1px}.ecosystem .hud-node>span{font-size:6px}.ecosystem .hud-node i{font-size:15px}.ecosystem .hud-coordinates{font-size:5px}.ecosystem .hud-mantra{font-size:7px;letter-spacing:1px}.auth-shell{grid-template-columns:1fr;max-width:none;padding:40px 20px;min-height:calc(100svh - 68px)}.auth-visual{display:none}.auth-card{width:440px;max-width:100%;margin:0 auto}.auth-page .topbar .get-started{display:none}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){:root{--top:64px}.workspace .topbar{padding-inline:13px;gap:9px}.brand>span{font-size:14px;letter-spacing:1.6px}.brand small{font-size:5px;letter-spacing:1.5px}.brand-mark{width:23px;height:32px}.brand{gap:7px}.topbar .brand>img{width:36px;height:32px}.search-trigger{display:none}.top-actions{gap:4px}.top-actions .icon-btn{width:32px;height:38px;border:0;background:transparent;font-size:15px}.top-actions>.avatar{display:none}.top-actions [data-menu-toggle]{display:inline-flex}.notification-count{inset-block-start:2px;inset-inline-end:0}.workspace main{padding:19px 14px 22px}.eyebrow{font-size:8px;letter-spacing:1.5px}.page-heading{align-items:flex-start;gap:13px;margin-bottom:22px;flex-wrap:wrap}.page-heading h1{font-size:30px}.page-heading p{font-size:12px;line-height:1.6;margin-top:7px;max-width:350px}.page-heading>.btn{font-size:11px;min-height:39px;padding:9px 13px}.page-heading>.badge{margin-top:-3px}.panel{padding:16px;border-radius:10px;margin-bottom:16px}.panel-head{padding:13px 16px;margin:-16px -16px 16px;min-height:49px}.panel-head h2{font-size:13px}.panel-head .btn{font-size:10px}.workspace-footer{font-size:8px;padding:3px 15px 88px;letter-spacing:0}.workspace-footer>span:last-child{display:none}.bottom-nav{height:65px;padding-inline:6px}.bottom-nav a{font-size:8px}.bottom-nav a i{font-size:17px}.dashboard-top{margin-bottom:15px}.dashboard-top h1{font-size:27px}.workspace-status{font-size:8px;gap:5px}.workspace-status>span.muted{display:none}.command-grid{display:flex;flex-direction:column;gap:18px}.command-grid>.hud-stage{order:0;width:100%;padding-top:3px;align-self:center;max-width:480px}.hud{margin:5px auto 0;width:100%}.hud-coordinates{font-size:7px;padding-inline:5px}.hud-node{--size:17.5%;gap:4px}.hud-node i{font-size:19px}.hud-node>span{font-size:8px;line-height:1.2;max-width:79%}.hud-core strong{font-size:17px;letter-spacing:3px}.hud-core>span:last-child{font-size:5px;letter-spacing:1px}.hud-base{height:31px;max-width:72%;margin:4px auto 0}.hud-base:before{inset:6px 12%}.hud-base:after{inset:10px 25%}.hud-mantra{font-size:7px;letter-spacing:2.3px;margin:19px 0 7px}.dashboard-left{order:1;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:12px}.dashboard-left>.panel{margin:0;min-width:0}.dashboard-left>.panel:first-child{grid-column:span 2}.dashboard-left>.panel:last-child{grid-column:span 2}.dashboard-left .welcome{display:grid;grid-template-columns:1fr auto;gap:0 15px}.welcome h2{font-size:26px;margin-bottom:0}.welcome>.badge{align-self:center;font-size:9px}.welcome blockquote{grid-column:span 2;margin:14px 0;font-size:11px}.welcome-progress{grid-column:span 2;margin:2px 0 7px}.welcome>.progress{grid-column:span 2}.command-grid .panel{padding:13px}.command-grid .panel-head{margin:-13px -13px 12px;padding:10px 12px}.command-grid .panel-head h2{font-size:11px}.dashboard-left .market-pulse{gap:0}.dashboard-left .market-pulse>div{display:flex;flex-direction:column}.dashboard-left .market-pulse .gold-icon{display:none}.dashboard-left .market-pulse b{font-size:11px}.dashboard-left .market-pulse small{font-size:8px}.dashboard-left .market-pulse strong{font-size:24px}.dashboard-left .market-pulse .positive{font-size:10px}.dashboard-left .market-pulse>.spark{max-width:55px}.command-grid .panel-foot{margin:12px -13px -13px;padding:7px 9px;font-size:8px}.command-grid .panel-foot>.btn{font-size:8px;min-height:24px;padding:3px}.command-grid .session-list{gap:11px;margin-bottom:10px}.command-grid .session-row{flex-wrap:wrap;gap:4px;font-size:9px}.command-grid .session-row .badge{font-size:7px}.command-grid .session-row time{font-size:7px;width:100%;padding-inline-start:10px;line-height:1}.command-grid .session-list+small{font-size:7px}.dashboard-left .learning-mini b{font-size:12px}.dashboard-left .learning-mini small{font-size:10px}.dashboard-left .learning-mini>i{display:block}.dashboard-right{order:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.dashboard-right>.panel:first-child{grid-column:span 2}.account-compact{grid-template-columns:repeat(4,1fr);gap:8px}.account-compact>div{padding-inline-start:7px}.account-compact strong{font-size:16px}.account-compact small{font-size:8px}.account-connected{font-size:9px}.dashboard-right .quick-actions{gap:9px}.dashboard-right .quick-actions .btn{font-size:10px;gap:7px;padding:9px 8px;min-height:39px}.quick-actions i{font-size:12px;margin:0}.alert-list b{font-size:9px}.alert-list small{font-size:8px}.alert-list{gap:15px}.alert-icon{font-size:10px}.alert-list a{gap:6px}.dashboard-right .pro-note{grid-column:span 2;padding:13px}.pro-note b{font-size:11px}.pro-note small{font-size:9px}.dashboard-bottom{display:none}.metric-grid,.admin-metrics{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}.metric{padding:13px 15px}.metric small{font-size:10px;margin-bottom:5px}.metric strong{font-size:26px}.metric>i{display:block;font-size:13px;top:15px;inset-inline-end:13px}.metric>span{font-size:10px}.chart-toolbar{gap:9px}.chart-symbol{font-size:12px;gap:7px}.chart-symbol .gold-icon{width:25px;height:25px}.chart-symbol .positive{font-size:14px}.chart-symbol small{font-size:9px}.chart-toolbar>.badge{font-size:8px;order:1}.timeframes{order:2;flex:1;justify-content:space-between;border-top:1px solid var(--line);padding-top:8px;width:100%;flex-basis:100%}.timeframes button{min-height:35px;min-width:39px}.terminal-grid{gap:0}.terminal-grid>.panel{padding:13px}.terminal-grid .panel-head{margin:-13px -13px 13px;padding-inline:13px}.chart-wrap{height:280px}.chart-readout{font-size:8px;left:8px}.trade-tool-tabs{padding:4px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible}.trade-tool-tabs button{font-size:10px;padding:9px 5px;white-space:normal;gap:6px;min-height:42px}.trade-tool-tabs button i{font-size:12px}.trade-tool-tabs button:last-child{color:var(--red)}.tool-description{gap:10px;align-items:flex-start}.tool-description h3{font-size:20px}.tool-description p{font-size:11px;line-height:1.6}.tool-symbol{width:39px;height:39px;font-size:19px}.tool-form{grid-template-columns:1fr;gap:14px}.trade-tools-content{padding:20px 0 0}.percentage-actions{gap:8px}.percentage-actions .btn{min-width:0;flex:1;padding:12px 5px;font-size:11px}.range-form{grid-template-columns:1fr 1fr;gap:13px}.range-form>.field:nth-child(3){grid-column:span 2}.range-form>.btn{grid-column:span 2}.positions-panel .panel-head>span{font-size:9px}.positions-footer{font-size:10px;gap:10px}.positions-footer>span{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.positions-table{font-size:11px}.positions-table th{font-size:9px}.positions-table td,.positions-table th{padding:11px}.positions-table td .icon-btn{width:40px;height:40px}.execution-summary{gap:20px}.execution-summary strong{font-size:22px}.execution-summary small{font-size:10px}.calculator-grid{grid-template-columns:1fr;gap:0}.calculator-grid .form-grid{grid-template-columns:1fr 1fr;gap:0 14px}.calculator-grid .field{font-size:11px}.calculator-grid input,.calculator-grid select{font-size:13px}.instrument-tabs{flex-wrap:nowrap;gap:10px}.instrument-tabs button{font-size:12px;padding:7px 10px;gap:7px}.instrument-tabs button small{font-size:8px}.instrument-tabs>span{font-size:10px;max-width:130px}.quick-risk{flex-wrap:nowrap;margin-top:4px}.quick-risk>span{width:auto;font-size:10px}.quick-risk>button{min-width:38px;flex:none}.result-hero>strong{font-size:59px}.result-list>div{font-size:12px;padding:13px 0}.result-list dd{font-size:20px}.info-strip{font-size:11px;padding:13px;margin-top:16px}.community-layout{grid-template-columns:1fr;display:flex;flex-direction:column;gap:10px;height:calc(100svh - 210px);min-height:560px;max-height:800px}.community-layout>.chat-rooms{border:0;background:none;flex:none;overflow:visible}.chat-rooms>.panel-head,.chat-rooms>.room-note{display:none}.room-list{flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:0;gap:7px}.room-list>button{white-space:nowrap;min-height:40px;padding:9px 13px;font-size:11px;background:var(--input);border-color:var(--line);flex:none}.room-count{display:none}.community-layout .chat-main{flex:1;min-height:0;overflow:visible}.chat-header{min-height:54px;padding:10px 13px}.chat-header b{font-size:12px}.chat-header small{font-size:9px}.chat-header>.icon-btn{width:30px;height:30px}.pinned-message{padding:7px 12px;font-size:9px;gap:6px}.pinned-message .badge{font-size:8px}.message-list{padding:14px 10px;overflow:auto}.date-divider{font-size:8px;margin-bottom:16px}.message{gap:7px;margin-bottom:20px}.message>.avatar{width:25px;height:25px;font-size:10px}.message-content{max-width:calc(100% - 32px)}.message-author{font-size:10px;gap:6px}.message-author time{font-size:8px}.message-author .badge{font-size:7px}.whales-alert{padding:10px;border-radius:9px}.whales-alert>header{gap:6px;padding-bottom:10px}.whales-alert>header>span:not(.badge){font-size:7px}.whales-alert>header b{font-size:12px;display:block;margin:1px 0 0}.whales-alert>header .badge{font-size:8px}.whales-alert .gold-icon{width:25px;height:25px}.alert-prices{gap:5px;margin:10px 0}.alert-prices>div{padding:7px 6px}.alert-prices small{font-size:8px}.alert-prices b{font-size:14px}.whales-alert .btn{font-size:10px;min-height:38px;padding:8px 5px}.message-text{font-size:11px;padding:10px 12px}.message-actions{gap:2px}.reaction-chip{min-height:36px;padding-inline:9px;font-size:10px}.message-actions .icon-btn{height:39px;width:38px;font-size:12px}.reaction-picker{gap:3px;flex-wrap:nowrap;padding:5px;border-radius:13px}.reaction-picker .icon-btn{width:37px;height:40px;font-size:15px}.session-alert{font-size:10px;gap:9px}.session-alert small{font-size:9px}.session-alert>i{font-size:18px}.session-alert time{font-size:8px}.poll-card{padding:11px}.poll-card h3{font-size:11px}.poll-card>button{min-height:44px;font-size:11px}.poll-card small{font-size:9px}.chat-composer{gap:5px;padding:9px 8px;border-radius:0 0 10px 10px}.chat-composer .icon-btn{width:35px;height:42px;font-size:16px}.chat-composer .send{width:42px}.chat-composer textarea{font-size:12px;padding-inline:9px}.chat-composer [data-insert-smile]{display:none}.composer-tools{gap:5px;padding:8px;border-bottom:1px solid var(--line);border-top:1px solid var(--line)}.composer-tools .btn{flex:1 1 40%;font-size:11px;min-height:44px;justify-content:flex-start;padding:9px}.community-layout .reply-preview{font-size:10px}.workspace[data-page=community] .chat-launcher{display:none}.academy-tabs{margin-bottom:20px}.academy-tabs>button{padding:9px 12px;font-size:11px}.academy-banner{grid-template-columns:95px 1fr;gap:17px;padding:15px;margin-bottom:24px}.academy-banner-art{height:140px;padding:10px}.academy-banner-art>i{font-size:39px;margin-bottom:15px}.academy-banner-art>span{font-size:13px;letter-spacing:.5px}.academy-banner h2{font-size:21px;margin:8px 0}.academy-banner p{font-size:11px;line-height:1.5}.academy-banner .badge{font-size:8px}.academy-banner small{font-size:9px}.academy-banner .progress{margin:12px 0 6px}.academy-banner .btn{font-size:10px;padding:8px 10px;min-height:36px;margin-top:10px}.course-grid{gap:12px}.course-art{height:126px}.course-art>i{font-size:41px}.course-art>span{font-size:5px;letter-spacing:2px}.course-art:before{width:120px;height:120px}.course-card-body{padding:12px}.course-card-body h3{font-size:12px;line-height:1.4;margin:9px 0}.course-card-body>div{font-size:9px}.course-card-body .badge{font-size:8px;padding:2px 5px}.course-card-body i{font-size:8px}.section-row{margin-top:18px;margin-bottom:15px}.section-row h2{font-size:23px}.section-row>span{font-size:10px}.book-grid{grid-template-columns:1fr;gap:10px}.book-cover{height:210px}.learning-progress-card{padding:10px 0;gap:15px;flex-wrap:wrap}.learning-progress-card>i{font-size:30px}.learning-progress-card h3{font-size:19px}.learning-progress-card .btn{width:100%}.video-preview{aspect-ratio:16/11}.video-art{padding-inline:20px;padding-bottom:60px}.video-art h2{font-size:30px}.video-art>i{font-size:130px;right:5%;top:10%}.video-play{width:49px;height:49px;font-size:17px;top:56%}.video-controls{gap:4px;padding:8px 7px;min-height:46px}.video-controls .icon-btn{width:25px;height:30px;font-size:11px}.video-controls>span{font-size:8px}.video-controls>input:last-of-type{display:none}.video-controls>input:first-of-type{min-width:40px}.video-demo-label{font-size:8px;left:10px;bottom:50px}.lesson-details{padding:18px}.lesson-details h2{font-size:24px}.lesson-details p{font-size:12px}.lesson-list{grid-template-columns:1fr}.news-filters>button{font-size:10px;padding:9px}.news-event{gap:9px;grid-template-columns:31px minmax(0,1fr) 31px;padding:17px 0}.event-icon{width:30px;height:34px;font-size:16px}.event-top{gap:5px;flex-wrap:wrap}.event-top .badge{font-size:8px}.event-top time{font-size:8px;margin-inline-start:0}.news-event h3{font-size:13px;margin:10px 0 15px}.event-figures{gap:20px;font-size:9px}.event-figures b{font-size:16px}.news-event>.icon-btn{width:31px;height:42px;font-size:12px}.news-layout{gap:0}.news-layout>div{display:block}.news-layout .session-row{font-size:13px}.news-layout .session-row time{font-size:11px}.news-layout .session-row .badge{font-size:10px}.news-feature .course-art{height:180px}.profile-layout{display:block}.profile-identity{padding:17px;display:grid;grid-template-columns:55px 1fr;gap:3px 14px;text-align:start}.profile-identity .avatar{width:55px;height:55px;grid-row:span 3;font-size:26px}.profile-identity h2{margin:0;font-size:24px}.profile-identity .badge{justify-self:start;font-size:8px}.profile-identity>small{margin:0;font-size:10px}.profile-nav .tabs.vertical{flex-direction:row;overflow-x:auto;gap:6px;padding:10px}.profile-nav .tabs.vertical button,.profile-nav .tabs.vertical a{font-size:10px;padding:8px 12px;gap:7px;min-height:40px}.profile-layout .form-grid{grid-template-columns:1fr 1fr;gap:0 14px}.profile-layout .field{font-size:11px}.settings-row{padding:15px 0;font-size:12px;gap:12px}.settings-row p,.settings-row small{font-size:11px}.settings-row .btn{font-size:11px;min-height:40px;padding:8px 12px}.subscription-card{gap:13px}.subscription-card h2{font-size:32px}.plan-crown{width:80px;height:80px;font-size:36px}.subscription-card p{font-size:11px}.subscription-card .btn{font-size:11px;padding-inline:12px}.device-session{gap:11px;padding:17px 0}.device-session b{font-size:12px}.device-session small{font-size:10px}.device-session>.badge{font-size:8px}.device-session .btn{font-size:10px;padding:8px 12px}.pricing-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.pricing-card{padding:27px;max-width:420px;width:100%;margin:0 auto}.pricing-card.featured{order:-1}.pricing-card h2{font-size:32px}.pricing-card>p{font-size:13px}.pricing-card .feature-list{font-size:13px;margin:22px 0 30px}.price{font-size:55px}.admin-nav{margin-bottom:19px}.admin-nav a{font-size:11px;min-height:42px;padding-inline:12px}.admin-overview-grid{grid-template-columns:1fr;gap:0}.growth-chart{height:200px;gap:6%}.health-items>div{font-size:12px}.health-items .badge{font-size:9px}.filter-bar{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:20px}.filter-bar .field{min-width:0;font-size:11px}.filter-bar>.field:first-child{grid-column:span 2}.filter-bar>.field:nth-child(2):last-of-type{grid-column:span 2}.filter-bar .btn{padding:10px 7px;font-size:11px}.node-grid{grid-template-columns:1fr;gap:0}.node-card h2{font-size:25px}.node-actions .btn{font-size:12px}.broadcast-grid{grid-template-columns:1fr;gap:0}.support-layout{gap:0}.support-message{max-width:94%;padding:14px}.support-message p{font-size:12px}.support-message b{font-size:11px}.support-message a{font-size:11px}.landing .topbar,.auth-page .topbar{padding-inline:16px;gap:10px}.landing .topbar .brand,.auth-page .topbar .brand{width:auto}.landing .top-actions,.auth-page .top-actions{gap:2px}.landing .top-actions .get-started,.auth-page .top-actions .get-started{display:none}.landing .top-actions .login-link,.auth-page .top-actions .login-link{min-height:34px;padding:7px 12px;font-size:11px}.landing .top-actions .icon-btn,.auth-page .top-actions .icon-btn{width:30px}.landing .top-actions [data-theme-toggle],.auth-page .top-actions [data-theme-toggle]{display:none}.hero{min-height:810px;height:calc(100svh - 64px);max-height:1000px;padding:55px 23px 340px;align-items:flex-start}.hero-copy{width:100%}.landing .hero h1{font-size:clamp(43px,10.5vw,60px);line-height:1.08;letter-spacing:-1.5px;margin:15px 0 19px}.hero .eyebrow{font-size:7px;padding:5px 9px;letter-spacing:1.5px}.hero-copy>p{font-size:12px;max-width:300px;line-height:1.7}.hero-art{background-size:auto 570px;background-position:67% 105%;opacity:.98}.hero:before{background:linear-gradient(#020b17 5%,#020b17ec 32%,#020b1788 46%,transparent 67%,#020b17 97%)}.hero-actions{gap:11px;margin-top:21px;flex-wrap:wrap}.hero-actions .btn{font-size:11px;min-height:43px;padding:10px 15px}.hero-actions .ghost{padding-inline:3px;font-size:11px;gap:7px}.hero-actions .ghost i{font-size:22px}.hero-trust{margin-top:20px;gap:10px}.hero-trust>span{font-size:9px}.hero-trust small{font-size:8px}.avatar-stack>span{width:24px;height:24px;font-size:9px}.hero-market{bottom:139px;right:20px;left:auto;padding:9px 12px;gap:10px;font-size:10px;backdrop-filter:blur(8px)}.hero-market strong{font-size:21px}.hero-market small{font-size:7px;bottom:-18px}.hero-stats{left:22px;right:22px;bottom:24px;gap:4px;padding-top:19px}.hero-stats strong{font-size:27px}.hero-stats span{font-size:8px;line-height:1.4;display:block;margin-top:2px}.landing-section{padding:50px 20px}.section-title{margin-bottom:25px}.section-title h2{font-size:31px;line-height:1.15}.section-title p{font-size:13px}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{padding:24px}.feature-icon{margin-bottom:18px;width:43px;height:43px;font-size:22px}.feature-card h3{font-size:26px}.feature-card p{font-size:13px;min-height:0}.text-link{margin-top:19px;font-size:12px}.ecosystem{display:flex;flex-direction:column;gap:20px;padding-top:15px;padding-bottom:20px}.ecosystem>div:first-child{width:100%}.ecosystem h2{font-size:35px}.ecosystem p{font-size:13px;margin:17px 0 20px}.ecosystem .hud-stage{max-width:430px}.ecosystem .hud-node>span{font-size:8px}.ecosystem .hud-node i{font-size:19px}.ecosystem .hud-core strong{font-size:17px}.ecosystem .hud-coordinates{font-size:7px}.ecosystem .hud-mantra{font-size:7px;letter-spacing:2px}.inline-badges .badge{font-size:9px}.landing-cta{padding:50px 23px}.landing-cta h2{font-size:33px}.landing-cta p{font-size:13px}.landing-footer{padding:30px 23px;gap:24px}.landing-footer>div{font-size:11px;gap:15px}.landing-footer>small:nth-last-child(2){width:100%;font-size:10px}.landing-footer>small:last-child{margin-inline-start:0;font-size:10px}.landing-footer .brand>span{font-size:17px}.auth-shell{padding:30px 16px}.auth-card{padding:25px 22px}.auth-card h2{font-size:27px}.auth-card .brand>span{font-size:21px}.auth-card .brand-mark{width:36px;height:48px}.auth-card>.hint{font-size:11px}.auth-card .field{font-size:12px}.auth-card>.badge{font-size:9px}.auth-footer{font-size:11px}.preview-grid{gap:12px}.preview-card{padding:17px;min-height:130px;margin:0}.preview-card>span{font-size:28px}.preview-card h2{font-size:17px}.preview-card>i{top:20px;inset-inline-end:15px;font-size:12px}.drawer{width:100%}.drawer-head{padding:22px 20px}.drawer-head h2{font-size:27px}.drawer-head>.icon-btn{width:43px;height:43px}.drawer-head .eyebrow{font-size:9px}.drawer .tabs{margin:16px}.drawer .tabs button{min-height:44px;font-size:13px}.notification-items{padding-inline:18px}.drawer-footer{padding:17px 20px max(20px,env(safe-area-inset-bottom))}.toast-region{width:calc(100% - 32px)}.toast{font-size:12px;padding:14px}.dialog-heading h2{font-size:24px}.dialog-actions{gap:10px}.dialog-actions .btn{flex:1;min-height:44px;padding:10px;font-size:11px}dialog{padding:22px 19px}.dialog-copy{font-size:12px}.dialog-summary{font-size:12px;padding:12px}.search-results>a{font-size:13px;min-height:46px}html[dir=rtl] .hero:before{background:linear-gradient(#020b17 5%,#020b17ec 32%,#020b1788 46%,transparent 67%,#020b17 97%)}html[dir=rtl] .hero-market{left:20px;right:auto}html[dir=rtl] .hero h1{font-size:43px;line-height:1.35}html[dir=rtl] .hero{padding-top:40px}html[dir=rtl] .hero-copy>p{font-size:12px}html[dir=rtl] .brand>span{font-family:Barlow,sans-serif}html[dir=rtl] .hud-node>span{font-size:8px}html[dir=rtl] .account-compact small{font-size:8px}html[dir=rtl] .bottom-nav a{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Original WHALES mark: preserve the supplied shape, not a substitute mascot. */
.brand>img{width:31px;height:43px;object-fit:contain;filter:drop-shadow(0 0 7px #07baff88)}
.hud-core>img{width:43%;height:53%;margin-bottom:7px;filter:drop-shadow(0 0 10px #07baffaa)}
.landing-cta>img{width:54px;height:82px;filter:drop-shadow(0 0 10px #07baff88)}
.auth-card>.brand>img{width:37px;height:54px}
:root[data-theme=light] .brand>img,:root[data-theme=light] .hud-core>img,:root[data-theme=light] .landing-cta>img{filter:brightness(0) saturate(100%) invert(30%) sepia(72%) saturate(1880%) hue-rotate(172deg) brightness(95%) contrast(105%)}
@media(max-width:600px){.topbar .brand>img{width:24px;height:33px}.hud-core>img{margin-bottom:4px}.landing-footer .brand>img{width:27px;height:39px}}
/* QA: keep the mobile composer above navigation and make actions finger-sized. */
.auth-card h1{font:600 28px/1.2 var(--heading);text-align:center;letter-spacing:0}
.auth-page .landing-nav{display:none}
.auth-visual h2{font:700 clamp(45px,4.5vw,75px)/1.1 var(--font);margin-top:10px}
@media(max-width:800px){.auth-shell{grid-template-columns:minmax(0,1fr)}.auth-card{width:min(440px,100%);min-width:0}}
@media(min-width:1025px){
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) main{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .page-heading{grid-column:1 / -1;margin:0}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .page-heading h1{font-size:32px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .page-heading p{font-size:12px;margin-top:6px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .metric-grid{grid-column:1 / -1;margin:0}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .metric{padding:13px 18px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .metric strong{font-size:25px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .metric small{font-size:11px;margin-bottom:4px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .terminal-grid{display:contents}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .terminal-grid>.panel{margin:0}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .terminal-grid>.panel:first-child{grid-column:1;grid-row:3;height:100%}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .terminal-grid>.panel:last-child{grid-column:2;grid-row:3}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .chart-wrap{height:262px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .mt5-card dl>div{padding:6px 0;font-size:11px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .mt5-card .hint{font-size:10px;margin-top:10px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .mt5-card .btn{min-height:35px;margin-top:12px;font-size:11px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel{grid-column:2;grid-row:4;margin:0;padding:15px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .panel-head{margin:-15px -15px 14px;padding:12px 15px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .panel-head h2{font-size:12px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .panel-head .badge{font-size:8px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .trade-tool-tabs{display:grid;grid-template-columns:1fr;padding:0;border:0;background:none;gap:7px;overflow:visible}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .trade-tool-tabs>button{justify-content:flex-start;min-height:36px;padding:8px 13px;border:1px solid var(--line-hi);background:var(--input);font-size:11px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel [data-tool=sl]{color:var(--red);border-color:#b8445d;background:#9a1d3422}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel [data-tool=tp]{color:var(--green);border-color:#138f76;background:#00b78711}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel [data-tool=percent]{color:var(--purple);border-color:#7751ba;background:#7742ab1a}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel [data-tool=range]{color:var(--gold);border-color:#876b39;background:#bc87211a}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .trade-tool-tabs>button.active{box-shadow:inset 0 0 12px #28abff20,0 0 9px #189dff15;outline:1px solid var(--cyan)}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .tool-description{display:none}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .trade-tools-content{padding:16px 0 0}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .tool-form{grid-template-columns:1fr;gap:12px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .field{font-size:11px;gap:6px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .btn{font-size:11px;min-height:40px;padding:9px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .percentage-actions{flex-direction:column;gap:9px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .range-form{grid-template-columns:1fr 1fr;gap:10px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .range-form>.field:nth-child(3),.workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .manager-panel .range-form>.btn{grid-column:span 2}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .positions-panel{grid-column:1;grid-row:4;margin:0;align-self:start}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .positions-table td,.workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) .positions-table th{padding:10px 9px;font-size:11px}
 .workspace:is([data-page=trade-control],[data-page=stop-loss-manager],[data-page=take-profit-manager]) main>.panel:last-child{grid-column:1 / -1;margin:0}
}
@media(max-width:600px){
 .top-actions .icon-btn,.landing .top-actions .icon-btn,.auth-page .top-actions .icon-btn{width:44px;height:44px}
 .top-actions{gap:0}.landing .top-actions,.auth-page .top-actions{gap:0}
 .landing .top-actions [data-theme-toggle],.auth-page .top-actions [data-theme-toggle]{display:inline-flex}
 .landing .top-actions .login-link,.auth-page .top-actions .login-link{display:none}
 .notification-count{inset-block-start:3px;inset-inline-end:3px}
 .timeframes button{min-width:44px;min-height:44px}
 .message-actions>.icon-btn,.reaction-picker .icon-btn{width:44px;height:44px}
 .reaction-chip{min-height:44px;min-width:44px}.reaction-picker{gap:2px}
 .room-list>button,.whales-alert .btn,.quick-risk>button{min-height:44px}
 .chat-composer .icon-btn,.chat-composer .send{width:44px;height:44px}
 .dialog-heading>.icon-btn{width:44px;height:44px}
 .hud-node>span,.ecosystem .hud-node>span,html[dir=rtl] .hud-node>span{font-size:9px;max-width:85%}
 .command-grid .session-row time{font-size:9px}.command-grid .session-list+small{font-size:8px}
 .command-grid .session-row .badge{font-size:8px}.command-grid .panel-foot{font-size:9px}
 .workspace[data-page=community] main{height:calc(100svh - var(--top) - 65px);min-height:0;display:flex;flex-direction:column;padding-bottom:12px}
 .workspace[data-page=community] .page-heading{flex:none;margin-bottom:12px;gap:8px}
 .workspace[data-page=community] .page-heading p{display:none}
 .workspace[data-page=community] .page-heading h1{font-size:27px}
 .workspace[data-page=community] .community-layout{flex:1;height:auto;min-height:0;max-height:none}
 .workspace[data-page=community] .workspace-footer{display:none}
 .workspace[data-page=community] .message-list{overscroll-behavior:contain}
 html[lang=ar] body{font-weight:500}
}